<template>
 <div class="con">
  <!-- 返回箭头 -->
  <div class="back">
    <a href="index.html?type=index"><img src="img/left.jpg" /></a>
  </div>
  <!-- 内容 -->
  <div class="main">
    <!-- 内容一 -->
    <p>联系信息：</p>
    <div class="weui-cells weui-cells_form">
      <div class="weui-cell">
          <div class="weui-cell__bd">
              <input class="weui-input" type="text" placeholder="姓名">
          </div>
      </div>
      <div class="weui-cell">
          <div class="weui-cell__bd">
              <input class="weui-input" type="number" pattern="[0-9]*" placeholder="联系方式">
          </div>
      </div>
    </div>
    <!-- 内容二 -->
    <p>需求类型：</p>
    <div class="weui-cells weui-cells_form">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input class="weui-input" placeholder="输入商业合作/商品入驻/广告加盟等需求类型">
        </div>
      </div>
    </div>
    <!-- 内容三 -->
    <p>需求描述：</p>
    <div class="weui-cells weui-cells_form w3">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <textarea class="weui-textarea" placeholder="请根据需求类型，输入详细的合作模式（如：商品入驻，请注明具体商品、数量等），平台会在第一时间与您进行沟通联系。" rows="4"></textarea>
        </div>
      </div>
    </div>
    <!-- 注意 -->
    <div class="attention">
      <img src="img/attention.png">
      <span>需求提交后，平台会在第一时间与您联系。</span>
    </div>

    <div class="page__bd page__bd_spacing">
      <a href="javascript:;" class="weui-btn weui-btn_default" id="showAndroidDialog2">提交</a>
    </div>
  </div>

  <!-- 弹框 -->
  <div id="dialogs">
    <div class="js_dialog" id="androidDialog2" style="opacity: 0; display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog weui-skin_android">
            <div class="weui-dialog__bd">
                提交成功！
            </div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">重新填写</a>
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">关闭</a>
            </div>
        </div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  
}

</script>

<style scoped>
.weui-btn{
  background-color: #f29004;
  margin-top: 0.55rem;
  color: white;
}
.con .main{
  height: 100%;
  margin: 0 5%;
  /*border: 1px solid red;*/
}
.con .main p{
  width: 100%;
  height: 0.4rem;
  font-size: 0.15rem;
  line-height: 0.4rem;
  color: #666666;
  margin-left: 3px;
}
.con .main .weui-cells{
  margin-top: 0;
  margin-bottom: 8%;
  color: #999999;
  border: 1px solid #d9d9d9;
  font-size: 0.15rem;
  border-radius: 5px;
}
.con .main .w3{
  margin-bottom: 0;
}
.con .main .weui-textarea{
  line-height: 0.3rem;
}
.con .main .attention{
  width: 100%;
  /*border: 1px solid red;*/
  margin-top: 3%;
  position: relative;
}
.con .main .attention img{
  width: 7%;
}
.con .main .attention span{
  font-size: 0.14rem;
  color: #808080;
  position: absolute;
  bottom: -0.03rem;
}

.di{
  padding: 1rem;
}
.con .back a{
  position: fixed;
  width: 5%;
  top: 0.12rem;
  left: 0.05rem;
  z-index: 1222;
}
.con .back img{
  width: 100%;
}
/*.left_img{
  position: absolute;
  display: inline-block;
  width: 3%;
  left: 3%;
}
.left_img img{
  width: 100%;
}*/
html,body{
  width: 100%;
  max-width: 2000px;
} 

</style>
